/* 调整主体内容的上边距，以防止内容被导航栏遮挡 */
.md-main {
  margin-top: 48px;
}
*/

/* 顶部导航栏背景色 */
.md-header {
  background-color: rgb(37, 43, 60); /* 调整顶部导航栏背景色 */
  top: 48px;
}

/* 底部导航栏背景色 */
.md-footer {
  background-color: rgb(37, 43, 60); /* 调整底部导航栏背景色 */
}

/* 标签栏背景色 */
.md-tabs {
  background-color: #0a7be0; /* 调整标签栏背景色 */
}

/* 底部导航链接样式 */
.md-footer-nav__link {
  padding-top: 0.8rem; /* 调整底部导航链接的上边距 */
}

/* 主体部分内边距 */
.md-main__inner {
  margin-top: 3rem; /* 调整主体部分的上边距 */
}

/* 进度条标签样式 */
.progress-label {
  position: absolute;
  text-align: center;
  font-weight: 700;
  width: 100%;
  margin: 0;
  line-height: 1.2rem;
  white-space: nowrap;
  overflow: hidden;
}

/* 进度条样式 */
.progress-bar {
  height: 1.2rem;
  float: left;
  background-color: #2979ff; /* 调整进度条的颜色 */
}

.progress {
  display: block;
  width: 100%;
  margin: 0.5rem 0;
  height: 1.2rem;
  background-color: #eeeeee;
  position: relative;
}

/* 细线型进度条 */
.progress.thin {
  margin-top: 0.9rem;
  height: 0.4rem;
}

.progress.thin .progress-label {
  margin-top: -0.4rem;
}

.progress.thin .progress-bar {
  height: 0.4rem;
}

/* 不同进度段的颜色 */
.progress-100plus .progress-bar {
  background-color: #00e676;
}

.progress-80plus .progress-bar {
  background-color: #fbc02d;
}

.progress-60plus .progress-bar {
  background-color: #ff9100;
}

.progress-40plus .progress-bar {
  background-color: #ff5252;
}

.progress-20plus .progress-bar {
  background-color: #ff1744;
}

.progress-0plus .progress-bar {
  background-color: #f50057;
}

/* 表格边框样式 */
.md-typeset table:not([class]) td {
  border: 0.05rem solid var(--md-default-fg-color--lightest); /* 调整表格边框样式 */
}

.md-typeset table:not([class]) tr:first-child td {
  border: 0.05rem solid var(--md-default-fg-color--lightest);
}

/* 图片查看器背景色 */
.lg-backdrop {
  background-color: rgb(0 0 0 /0.8); /* 调整图片查看器背景色 */
}

/* 图片查看器外层样式 */
.lg-outer .lg-img-wrap {
  padding: 80px;
}

/* 侧边栏源码链接背景色 */
.md-nav__source {
  background-color: #fc6554; /* 调整侧边栏源码链接背景色 */
}

/* 网格布局样式 */
.md-grid {
  margin-left: 1rem;
  margin-right: auto;
  max-width: initial;
}

/* 顶部间距 */
.md-top {
  margin-top: 2rem; /* 调整顶部间距 */
}

/* 自定义样式，背景色为 #0a7be0，文本颜色为白色 */
.x-pack-span {
  background-color: #0a7be0;
  padding: 2px 5px;
  color: #ffffff;
}

/* 自定义样式，背景色为 seagreen，文本颜色为白色 */
.new-span {
  background-color: seagreen;
  padding: 2px 5px;
  color: #ffffff;
}

/* 增加边框蓝条样式 */
.md-typeset .admonition,
.md-typeset details {
  border-width: 0;
  border-left-width: 4px;
}
.md-typeset .admonition.abstract,
.md-typeset details.abstract {
  border-left-color: #3370ff;
}

/* 段落和列表样式 */
.md-typeset p,
.md-typeset ul,
.md-typeset ol,
.md-typeset dl,
.md-typeset blockquote {
  display: flow-root;
  margin: 1em 0;
}
